TypeScript全开发的开源聊天室项目

大家好，我是TJ

关注TJ君，回复“武功秘籍”免费获取计算机宝典书籍

TJ君将之前发过的各种项目及工具进行了整理，收录到了GitHub项目，欢迎各位小伙伴光临Star，地址如下：https://github.com/Wechat-TJ/TJ-WORLD-FORU

这几天TJ君好忙好忙，大家不是都说年底才忙嘛，怎么一开年就这么忙呢~

不过忙也代表着充实，TJ君倒也不觉得辛苦，就是太忙的时候没法好好和朋友聊天，所以今天TJ想君要给大家分享的就是一个开源的主要由typescript完成的聊天室项目genal-chat，再忙也不能忘了身边的朋友哦！

也许有的小伙伴可能已经学习过这个项目，因为项目还有一个名字，叫做：

可能是因为作者特别喜欢阿童木的关系吧，所以项目里多多少少透露出铁壁阿童木的痕迹，不过这不影响项目的质量。项目已经完成了大多数主体功能，作者也表示已经停止更新了，但是小伙伴不要担心，因为该有的功能都有都能用，作者的框架还是非常开放的，想要什么酷炫功能的小伙伴可以自行添加~

已经实现的功能包括：

• 移动端兼容
• 用户信息的修改(头像/用户名/密码)
• 群聊/私聊
• 创建群/加入群/退群/模糊搜索群
• 添加好友/删好友/模糊搜索用户
• 消息分页
• 表情包
• 图片发送/图片预览
• 在线人数统计
• 自定义主题
• 重连提醒

再来看下结构设计及技术栈：

项目前后端分离，运行命令分别如下：

前端

cd genal-chat-client 
npm i
npm run serve

后端

cd genal-chat-server
npm i
npm run start:dev

最后我们再来看下实际的聊天效果：

果然是满面的阿童木风格，怎么样？是不是可以和朋友们畅所欲言了呢？

点击下方卡片，关注公众号“TJ君”

回复“聊天室2022”，获取仓库地址

关注我，每天了解一个牛x、好用、有趣的东东

往期推荐